<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
     xmlns:h="http://java.sun.com/jsf/html" 
     xmlns:p="http://primefaces.prime.com.tr/ui" 
     xmlns:ui="http://java.sun.com/jsf/facelets"
     xmlns:f="http://java.sun.com/jsf/core">  
   
    <h:head>
        <title>:.Medral Tecnologia Penha.:</title>
    </h:head>
    
    <h:body style="background-color: paleturquoise"> 
        <ui:include src="/paginas/menu.xhtml"/>
        
    <p:growl id="avisos" showDetail="true" life="3000" />  

    <p:fieldset legend="CADASTRO DE PRODUTOS:" toggleable="true">  
    <h:form> 
        
        <h:panelGrid columns="2">
            <h:outputText value="Data do Cadastro:"/>  
            <p:calendar value="#{ProdutoBean.produto.dataCadastro}" maxlength="12" size="10"/> 
        
            <h:outputText value="Descrição:" />  
            <p:inputText id="descricao" value="#{ProdutoBean.produto.descricao}"  maxlength="70" size="50"/>
        </h:panelGrid>
        
        <h:panelGrid columns="4">
            <h:outputText value="Durabilidade:"/>
            <p:inputText id="durabilidade" value="#{ProdutoBean.produto.durabilidade}" maxlength="3" size="4"/> 
            
            <h:outputText value="Valor:" />  
            <p:inputMask mask="R$ 9.999,99" value="#{ProdutoBean.produto.valor}" maxlength="10" size="10"/>
        </h:panelGrid>        

         <p:separator style="width: 100%; height: 3px" />  

        <p:commandButton value="CADASTRAR" actionListener="#{ProdutoBean.produto.cadastrar}" type="submit" update="avisos,mensagens"/>
        <p:commandButton value="LIMPAR CAMPOS" actionListener="#{ProdutoBean.produto.limpar}" type="reset" /> 
        
    </h:form>
    </p:fieldset>
          
     <p:fieldset legend="LISTA GERAL:" toggleable="true">  
          <h:form id="form">
                <p:growl id="msgs" />
                 <p:outputPanel id="books">
                    <p:dataTable id="booksTable" value="#{bookBean.books}" var="book">
                    
                        <p:column>
                            <f:facet name="header">
                                <h:outputText value="Data" />
                            </f:facet>
                            <h:outputText value="#{book.data}" />
                        </p:column>

                        <p:column>
                            <f:facet name="header">
                                <h:outputText value="Descrição" />
                            </f:facet>
                            <h:outputText value="#{book.descricao}" />
                        </p:column>
                        
                        <p:column>
                            <f:facet name="header">
                             <h:outputText value="Valor" />
                            </f:facet>
                            <h:outputText value="#{book.valor}" />
                        </p:column>
                        
                        <p:column>
                            <f:facet name="header">
                                <h:outputText value="Durabilidade" />
                            </f:facet>
                            <h:outputText value="#{book.durabilidade}" />
                        </p:column>
                        
                       <p:column>
                            <f:facet name="header">
                                <h:outputText value="Operação" />
                            </f:facet>
                            
                            <p:commandLink value="Excluir" update=":form:books" process=":form:books">
                                <p:collector value="#{book}"
                                             removeFrom="#{bookBean.books}" />
                            </p:commandLink>
                        </p:column>

                    </p:dataTable>
                </p:outputPanel>

            </h:form>  
        </p:fieldset>    

        <p:messages id="mensagens" showDetail="true" />  

    </h:body>  

 </html> 

 